<template>
	<h3>GetterDemo</h3>
	<p>doneTodosCount:{{ doneTodosCount }}</p>
	<hr />
	<p>{{ getTodo()(2) }}</p>
	<hr />
	<p>doneTodos:{{ doneTodos }}</p>
</template>

<script>
	import { mapGetters } from "vuex";
	export default {
		computed: {
			// doneTodosCount() {
			// 	// return this.$store.state.todos.filter((todo) => todo.done).length;
			// 	return this.$store.getters.doneTodosCount;
			// },
			...mapGetters(["doneTodos", "doneTodosCount"]),
		},
		methods: {
			// getTodo(id) {
			// 	return this.$store.getters.getTodoById(id);
			// },

            /* 仅供参考 */
			// ...mapGetters({
			// 	getTodo: "getTodoById",
			// }),
		},
	};
</script>

<style>
</style>